.neo-tab-header-toolbar {
    background-color: transparent;
    flex            : 0 0 auto;
    padding         : 0;

    &.neo-dock-bottom {
        .neo-tab-header-button.neo-button {
            align-self      : start;
            background-image: var(--tab-button-background-image-bottom);

            .neo-tab-button-indicator {
                bottom: unset;
                height: var(--tab-strip-height);
                top   : calc(var(--tab-strip-height) * -1);
                width : 100%;
            }

            &.pressed {
                background-image: var(--tab-button-background-image-pressed-bottom) !important;
            }
        }
    }

    &.neo-dock-left {
        height: unset;
        width : var(--tab-button-height-pressed);

        .neo-tab-header-button.neo-button {
            background-image: var(--tab-button-background-image-left);
            height          : unset;
            width           : var(--tab-button-height);

            .neo-tab-button-indicator {
                bottom: unset;
                height: 100%;
                right : calc(var(--tab-strip-height) * -1);
                width : var(--tab-strip-height);
            }

            &.pressed {
                background-image: var(--tab-button-background-image-pressed-left) !important;
                width           : var(--tab-button-height-pressed);
            }

            &:not(:last-child) {
                margin-right: unset;
                margin-top  : var(--tab-button-gap);
            }
        }
    }

    &.neo-dock-right {
        height: unset;
        width : var(--tab-button-height-pressed);

        .neo-tab-header-button.neo-button {
            align-self      : start;
            background-image: var(--tab-button-background-image-right);
            height          : unset;
            width           : var(--tab-button-height);

            .neo-tab-button-indicator {
                bottom: unset;
                height: 100%;
                left  : calc(var(--tab-strip-height) * -1);
                width : var(--tab-strip-height);
            }

            &.pressed {
                background-image: var(--tab-button-background-image-pressed-right) !important;
                width           : var(--tab-button-height-pressed);
            }

            &:not(:last-child) {
                margin-bottom: var(--tab-button-gap);
                margin-right : unset;
            }
        }
    }

    &.neo-no-animation {
        .neo-tab-header-button.neo-button {
            .neo-tab-button-indicator {
                animation-duration: 0ms !important;
            }
        }
    }
}
